html, body{
    margin: 0;
}
/* 水平一级导航菜单，li为行级元素，a变为具有块级特性 */
.menu1 ul{
    padding: 0;
    width: 100%;
    /* li变成行级元素后，标签间的分割变为了一个空格，
    占用了空间，可设置父容器字体大小为0px */
    font-size: 0px;
}

.menu1 li{
    display: inline;
    font-size: 1rem;
}

.menu1 a{
    display: inline-block;
    text-decoration: none;
    width: 19.5%;
    margin-right: 0.625%;
    line-height: 3;
    text-align: center;
}
.menu1 li:last-child a {
    margin-right: 0px;
}

.menu1 a:link,
.menu1 a:visited,
.menu1 a:focus{
    background: rgb(255,185,185);
}
/* 鼠标经过 */
.menu1 a:hover{
    background: orange;
}
/* 菜单激活状态 */
.menu1 a:active{
    background: red;
    color: white;
}

.menu2 ul{
    margin: 0;
    padding: 0;
}
.menu2 li{
    /* 打平，变为行级元素 */
    display: inline;
}
/* 除最后一个li之外都增加一个箭头内容 */
.menu2 li:not(:last-child)::after{
    /* 加了一个箭头 */
    content: "\1f816";
    display: inline-block;
    margin: 0 10px;
}